<style>
    @import url('../../css/style.min.css');  
    .top_shop{
        height: 40px;
        padding-top: 0px;
        background-size: 80px 80px;
        background-position: -22px center;
    }
    .top_shop a{
        position: relative;
        display:block;
        width: 100%;
        height: 100%;
        position:relative;
        text-align: center;
        line-height: 40px;
        font-weight: bolder;
        color:#ee4040;
        
    }
    .userinfo{
        float: left;
        line-height: 40px;
        color: white;
        font-size: 18px;
    }
</style>

<div id="header">
       <div class="header-con">

         <!-- 登陆后显示用户信息 -->
        <div class="userinfo">
               <b></b>  
        </div>

        
         <!-- 购物车按钮 -->
        <div class="top_shop">
            <a href="/html/cart.html">
               <em></em> 
            </a>
        </div>
        <!-- 登陆注册按钮 -->
        <ul class="top_menu">
            <li><a href="/html/login.html">登录</a></li>
            <li><a href="/html/register.html">注册</a>
            </li>
        </ul>
    </div>
</div>

<div id="logo_jm">
    <div class="logo_jm-con">
        <div class="logo">
            <a href="/index.html"><img src="/images/sogo-logo.png" alt=""></a>
        </div>
        <ul class="top_list" style="width: 800px;padding-top: 70px;">
            <li><a href="http://localhost:4023/html/lists.html?sort=all">全部商品</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=女装">女装</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=男装">男装</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=童装">童装</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=数码产品">数码产品</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=美妆">美妆</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=美食">美食</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=家用电器">家用电器</a></li>
           <li><a href="http://localhost:4023/html/lists.html?sort=鞋">鞋</a></li>
        </ul>
    </div>
</div>

<script src="../../js/header.js"></script>
